<html>

<head>
    <title>苏宁易购粉狮节</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no">
    <meta http-equiv="Cache-Control" content="max-age=0">
    <meta name="apple-touch-fullscreen" content="yes">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="stylesheet" href="./base.css" type="text/css">
    <style>
        body {
            padding: 0px;
            margin: 0px;
            position: relative;
        }

        .poster {
            width: 100%;
            height: 100%;
        }

        .xiugai {
            position: absolute;
            z-index: 2;
            background: rgba(0, 0, 0, .6);
            width: 100%;
            left: 0;
            bottom: 0;
            text-align: center;
            padding: 20px 0px;
        }

        .xiugai img {
            width: 80%;
            margin: 0px auto;
        }

        .word {
            z-index: 3;
            position: absolute;
            width: 100%;
            left: 27%;
            bottom: 40%;
        }

        .word span{
            display: block;
        }
        .name .real_name{
            position: absolute;
            width: 100%;
            left: 37%;
            bottom: 26.5%;

        }
        /* .word .word_1 {
            padding: 119% 30%;
        }

        .word .word_2 {
            padding: 109% 30%;
        }

        .word .word_3 {
            padding: 99% 29%;
        }

        .word .word_4 {
            padding: 89% 29%;
        }

        .word .word_5 {
            padding: 79% 29%;
        }

        .word .name {
            padding: 44.4% 38%;
            color: white;
        } */
    </style>
</head>

<body>
    <img src="22222.jpg" class="poster">
    </img>
    <div class="xiugai">
        <img src="http://app.cnzhuoyue.net/20180226_suning/Public/img/xiugai_btn.png" class="xiugai_btn">
    </div>
    <div class="word">
        <span class="word_1">与神同行的日子</span>
        <span class="word_2">你辛苦了</span>
        <span class="word_3">人们已深刻理解</span>
        <span class="word_4">莲湖荷藕</span>
        <span class="word_5">赛金花</span>
    </div>
    <div class="name">
        <span class="real_name">莲湖路店</span>
    </div>
    <script src="https://hm.baidu.com/hm.js?41293592228781ee1cbe42463be74e37"></script>
    <script src="http://app.cnzhuoyue.net/20180226_suning/Public/js/jquery.min.js"></script>
    <script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
    <script>
        var overscroll = function (el) {
            el.addEventListener('touchstart', function () {
                var top = el.scrollTop
                    , totalScroll = el.scrollHeight
                    , currentScroll = top + el.offsetHeight;
                //If we're at the top or the bottom of the containers
                //scroll, push up or down one pixel.
                //
                //this prevents the scroll from "passing through" to
                //the body.
                if (top === 0) {
                    el.scrollTop = 1;
                } else if (currentScroll === totalScroll) {
                    el.scrollTop = top - 1;
                }
            });
            el.addEventListener('touchmove', function (evt) {
                //if the content is actually scrollable, i.e. the content is long enough
                //that scrolling can occur
                if (el.offsetHeight < el.scrollHeight)
                    evt._isScroller = true;
            });
        }
        overscroll(document.querySelector('body'));
        document.body.addEventListener('touchmove', function (evt) {
            //In this case, the default behavior is scrolling the body, which
            //would result in an overflow.  Since we don't want that, we preventDefault.
            if (!evt._isScroller) {
                evt.preventDefault();
            }
        });
        wx.config({
            debug: false,
            appId: 'wxaadc77991abf6643',
            timestamp: 1521720653,
            nonceStr: 'wmVFMf3ZEvygo9xg',
            signature: '1b0180635bc9fb579aa873691707d05a8ee700a1',
            jsApiList: [
                'checkJsApi',
                'onMenuShareTimeline',
                'onMenuShareAppMessage',
                'onMenuShareQQ',
                'onMenuShareWeibo',
                'onMenuShareQZone',
                'hideMenuItems',
                'showMenuItems',
                'hideAllNonBaseMenuItem',
                'showAllNonBaseMenuItem',
                'translateVoice',
                'startRecord',
                'stopRecord',
                'onVoiceRecordEnd',
                'playVoice',
                'onVoicePlayEnd',
                'pauseVoice',
                'stopVoice',
                'uploadVoice',
                'downloadVoice',
                'chooseImage',
                'previewImage',
                'uploadImage',
                'downloadImage',
                'getNetworkType',
                'openLocation',
                'getLocation',
                'hideOptionMenu',
                'showOptionMenu',
                'closeWindow',
                'scanQRCode',
                'chooseWXPay',
                'openProductSpecificView',
                'addCard',
                'chooseCard',
                'openCard'
            ]
        });
        wx.ready(function () {
            wx.onMenuShareTimeline({
                title: '【3.09粉狮节】互粉全世界', // 分享标题
                link: 'http://app.cnzhuoyue.net/20180226_suning/index/', // 分享链接
                imgUrl: 'http://app.cnzhuoyue.net/20180226_suning/Public/img/wxshare1.jpg',
                success: function () {
                    alert('分享成功');
                },
                cancel: function () {
                    alert('取消分享');
                }
            });
            wx.onMenuShareAppMessage({
                title: '【3.09粉狮节】互粉全世界', // 分享标题 
                desc: '给世界一个粉你的理由', // 分享描述
                link: 'http://app.cnzhuoyue.net/20180226_suning/index/', // 分享链接
                imgUrl: 'http://app.cnzhuoyue.net/20180226_suning/Public/img/wxshare1.jpg',
                success: function () {
                    alert('分享成功');
                },
                cancel: function () {
                    alert('取消分享');
                }
            });
        })

        $(function () {
            $('.xiugai_btn').click(function () {
                window.location.href = './index.htm';
            })
        })
    </script>
    <script>
        var thisURL = decodeURI(document.URL);
        //file:///C:/Users/o-zhengzhenhai/Desktop/cnzhuoyue/index.htm?input_1="+input_1+"&input_2="+input_2+"&name="+name;
        var params = thisURL.split('?');
        if (params.length > 1) {
            params = params[1].split("&");
            var input_1 = params[0].split('=')[1];
            var input_2 = params[1].split("=")[1];
            var input_3 = params[2].split("=")[1];
            var input_4 = params[3].split("=")[1];
            var input_5 = params[4].split("=")[1];
            var name = params[5].split("=")[1];
            var src = params[6].split("=")[1];
            
            showvalf();
        }

        function showvalf() {
            var height = $(window).height();
            $('.word .word_1').text(input_1);
            $('.word .word_2').text(input_2);
            $('.word .word_3').text(input_3);
            $('.word .word_4').text(input_4);
            $('.word .word_5').text(input_5);
            $('.name ,real_name').text(name);
            $('.swiper-xiugaislide7').css({ 'background': 'url(' + src + ') no-repeat left top', 'background-size': '100% ' + height + 'px' });        
        }
    </script>

    <div style="display:none;">
        <script>
            var _hmt = _hmt || [];
            (function () {
                var hm = document.createElement("script");
                hm.src = "https://hm.baidu.com/hm.js?41293592228781ee1cbe42463be74e37";
                var s = document.getElementsByTagName("script")[0];
                s.parentNode.insertBefore(hm, s);
            })();
        </script>
    </div>

</body>

</html>